<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FIRST-webgl</title>
    <style >
        body{margin:0;overflow:hidden;}
    </style>
    <!-- <script type = 'x-shader/x-vertex' id='vshader_src' src='dot_vertex.glsl'> </script>
    <script type = 'x-shader/x-fragment' id='fshader_src' src='dot_fragment.glsl'> </script>   -->

    <!-- <script type = 'x-shader/x-vertex' id='vshader_src' src='dot_vertex.glsl'> 
        void main(){
            gl_Position = vec4(0.0,0.0,0.0,1.0);
            gl_PointSize = 100.0; //
        }
    </script>
    <script type = 'x-shader/x-fragment' id='fshader_src' src='dot_fragment.glsl'>
        void main (){
            gl_FragColor = vec4(0.0, 0.0, 0.0,1.0);
        }
     </script>   -->
</head>
<body>
    <canvas id="canvas">
        <script type="module" src="00_first.js"></script>
    </canvas>
</body>
</html>